<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>
<div>
	<ul id="xiongchumo">
		<li class="xiongda">熊大</li>
		<li class="xiongda">翠花</li>
		<li class="xionger">熊二</li>
		<li class="feibo" name='cat'>肥波</li>
		<li class="guangto">光头强</li>
	</ul>
</div>
<script type="text/javascript">
	//1.通过id获取 document.getElementById("id")返回一个id节点

	let xcm = document.getElementById("xiongchumo")
	console.log(xcm)

	//2.通过class获取 返回的是一个伪数组（数组常用方法不能 但是可以取值和遍历）
	let xd = document.getElementsByClassName("xiongda")
	// xd.push(10) 报错 数组常用方法不能用
	console.log(xd)

	//3.通过标签名获取 getElementsByTagName("li") 返回的是一个伪数组（数组常用方法不能，但是可以取值和遍历）
	let li = document.getElementsByTagName("li")
	console.log(li[4])

	//4.通过name获取
	let cat = document.getElementsByName("cat")
	console.log(cat)
</script>
</body>
</html>